@import "../../../styles/themes/variable";

.searchForm {
  //border: 1px solid #e8e8e8;
  background: #e8e8e8;
  height: 100%;
  overflow-x: hidden;
  position: relative;
  padding: 8px 0 8px 8px;
}
//.apes-form-container {
//  padding-top: @apes-header-hg + @content-padding;
//}


.fn-content {
  .apes-query-showMore {
    bottom: -4px;
  }
}

.apes-query-layered {
  position: relative;
  left: 0;
  &>.apes-layered {
    padding: 0;
  }
}

.apes-query-showMore {
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
}

.apes-query-showMore-btn {
  color: $btn-default-color;
  cursor: pointer;
  text-align: center;
  width: 50px;
  margin: auto;
}

.apes-steps-guide {
  position: fixed;
  z-index: 9000;
  top: 187px;
  right: -30px;
  cursor: pointer;
  width: 40px;
  height: 35px;
  background: $btn-default-color;
  padding: 6px 10px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  transition: all 0.5s;
  &:hover {
    right: 0;
  }
  .apes-badge-dot {
    top: -13px;
    left: -10px;
  }
}

.show-steps-guide {
  display: none;
}
